// import {
//   Tooltip, TooltipTrigger, TooltipContent, TooltipProvider
// } from "./ui/tooltip"


export interface HintProps {
  label: string;
  children: React.ReactNode;
  side?: "top" | "bottom" | "left" | "right";
  align?: "start" | "center" | "end";
  sideOffset?: number;
  alignOffset?: number;
}


export const Hint = ({
  label,
  children,
  side,
  align,
  sideOffset,
  alignOffset
}: HintProps) => {
  return (
    <></>
    // <TooltipProvider delayDuration={1}>
    //   <Tooltip>
    //     <TooltipTrigger asChild>
    //       {children}
    //     </TooltipTrigger>
    //     <TooltipContent
    //       className="text-white bg-slate-800 border-slate-800"
    //       side={side}
    //       align={align}
    //       sideOffset={sideOffset}
    //       alignOffset={alignOffset}
    //     >
    //       <p className="font-semibold capitalize">
    //         {label}
    //       </p>

    //     </TooltipContent>
    //   </Tooltip>
    // </TooltipProvider>
  )
}